<!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <!-- Latest compiled and minified CSS -->
            <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
            <!-- Optional theme -->
            <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
            
            <style>
                html, body, input, select, textarea{
                    font-size: 1.05em;
                }
            </style>
            
            <script src="https://code.angularjs.org/1.3.0-rc.1/angular.js"></script>
            <script src="https://code.angularjs.org/1.3.0-rc.1/angular-route.js"></script>
            <script src="controller.js"></script>
        </head>
        <body>
            <header>
                <nav class="navbar navbar-default">
                <div class="container">
                    <div class='navbar-header'>
                        <a class="navbar-brand" href="/">AngularJS</a>
                    </div>
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a href='#'><i class="fa fa-home"></i>Home</a>
                            
                        </li>
                        <li>
                            <a href='#/Second'>Second</a>    
                        </li>
                    </ul>
                </div>    
                    
                </nav>
            </header>
            
            <div class="container">
                <!--
                    Replace ths content in the DOM with main.html
                -->
                <div ng-view> </div>
                
            </div>
        </body>
    </html>